<template>
   <div class="menu-box">

     <el-menu
         class="el-menu-demo"
         mode="horizontal"
         background-color="#545c64"
         text-color="#fff"
         active-text-color="#ffd04b">
        <el-menu-item index="phone">
            手机
        </el-menu-item>
       <el-menu-item  index="computer">
            电脑
       </el-menu-item >
       <el-menu-item  index="game">
          游戏
       </el-menu-item >
       <el-menu-item  index="other">
         其他
       </el-menu-item >

     </el-menu>


   </div>
</template>

<script>
export default {
  name: "Menus"
}
</script>

<style scoped>
.menu-box{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}


</style>